<script setup lang="ts">
</script>

<template>
  <div class="row select" style="text-align: center">
    <div class="col">
      <router-link to="/photo"><img src="../../public/photos.png" height="239" width="360"/></router-link>
      <p><h3>照片</h3></p>
    </div>
    <div class="col">
      <router-link to="/video"><img src="../../public/film.png" height="239" width="360"/></router-link>
      <p><h3>视频</h3></p>
    </div>
  </div>
</template>

<style scoped>
.select {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
</style>